{include file="common/_meta" /}
<title>友情链接添加</title>
<meta name="keywords" content="李志立，lizhilimaster@163.com">
<meta name="description" content="李志立，lizhilimaster@163.com">
</head>
<body>
	<div class="page-container">
		<form action="" method="post"  enctype="multipart/form-data"  class="form form-horizontal" id="form-category-add">
			<div id="tab-category" class="HuiTab">
				<div class="tabCon">

					<div class="row cl">
						<label class="form-label col-xs-3 col-sm-2">
							<span class="c-red">*</span>
							链接名称：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" value="" placeholder="" id="title" name="title">
						</div>
						<div class="col-3">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-3 col-sm-2">
							<span class="c-red">*</span>
							链接地址：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" value="" placeholder="链接地址必须包含，http://" id="linkurl" name="linkurl">
						</div>
						<div class="col-3">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-3 col-sm-2">网站logo：</label>
						<div class="formControls col-xs-9 col-sm-9">
							<div class="uploader-thum-container">
								<a href="javascript:void();" class="btn btn-primary radius"><i class="icon Hui-iconfont">&#xe642;</i> 浏览文件</a>
								<input type="file" class="input-file" onchange='onpic()' name="pic" id="pic" value="" accept='image/*' style="font-size: 20px;left:0;" /><span id="sp"></span>
							</div>
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-3 col-sm-2">描述：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<textarea name="desc" id="desc" cols="" rows="" class="textarea" placeholder="说点什么，请输入..." onKeyUp="textlength()"></textarea>
							<p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
						</div>
						<div class="col-3">
						</div>
					</div>

					<div class="row cl">
						<div class="col-9 col-offset-2">
							<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
						</div>
					</div>
				</div>
			</div>
		</form>
	</div>
	<!--_footer 作为公共模版分离出去-->
	{include file="common/_footer" /}
<style type="text/css">
		.li123 {
			line-height: 30px;
			background: burlywood;
			display: inline-block;
			vertical-align: middle;
			padding: 0 8px;
		}
		#abtn,.dtbtn{
			color: red;
		}
	</style>
	<!--请在下方写此页面业务相关的脚本-->
	<script type="text/javascript" src="__MANAGE__lib/jquery.validation/1.14.0/jquery.validate.js"></script>
	<script type="text/javascript" src="__MANAGE__lib/jquery.validation/1.14.0/validate-methods.js"></script>
	<script type="text/javascript" src="__MANAGE__lib/jquery.validation/1.14.0/messages_zh.js"></script>
	<script type="text/javascript">
		$(function() {
			$('.skin-minimal input').iCheck({
				checkboxClass: 'icheckbox-blue',
				radioClass: 'iradio-blue',
				increaseArea: '20%'
			});

			$("#tab-category").Huitab({
				index: 0
			});
			$("input[type=\"submit\"]").on('click',function () {
				let wo=$("#form-category-add").validate({
					rules: {
						title: {
							required: true,
						},
						linkurl: {
							required: true,
							url: true,
						},
					}
				});
				if(wo.form()){
					setTimeout(()=>{
						$("input[type=\"submit\"]").addClass('disabled').attr("disabled",true);
					},1000)
					var index = layer.load(1, {
						shade: [0.1,'#fff'] //0.1透明度的白色背景
					});
					// 关闭当前界面
					// var index = parent.layer.getFrameIndex(window.name);
					// parent.layer.close(index);
				}
			});


		});

		function textlength() {
			var nmb = $('#desc').val().length;
			$('.textarea-length').text(nmb);
			if (nmb > 100) {
				$('#desc').css("background-color", "orangered");
			} else {
				$('#desc').css("background-color", "white");
			}
		}
		function onpic() {
			var file = document.getElementById("pic").files[0];
			document.getElementById("sp").innerHTML = '您已经选择图片：' + file['name'];
			document.getElementById("sp").className = 'li123';
		}
	</script>
	<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
